<svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" version="1.1">
  <defs>
    <filter id="f1" color-interpolation-filters="sRGB">
      <feColorMatrix type="hueRotate" values="180"/>
    </filter>
    <filter id="f2" color-interpolation-filters="sRGB">
      <feColorMatrix x="10" y="10" width="70" height="70" type="hueRotate" values="180"/>
    </filter>
    <filter id="f3" color-interpolation-filters="sRGB">
      <feColorMatrix x="20" y="20" width="50" height="50" type="hueRotate" values="180"/>
    </filter>
    <filter id="f4" color-interpolation-filters="sRGB">
      <feColorMatrix x="30" y="30" width="30" height="30" type="hueRotate" values="180"/>
    </filter>
  </defs>
</svg>
<img style="filter: url(#f1);" src="resources/reference.png"></img>
<img style="filter: url(#f2);" src="resources/reference.png"></img>
<img style="filter: url(#f3);" src="resources/reference.png"></img>
<img style="filter: url(#f4);" src="resources/reference.png"></img>
